.video {
    width: 100%;
    flex: 1;
    background: #000;
    position: relative;


    video {
        width: 100%;
        height: 233px;
        padding: 0 5px;
        position: absolute;
        top: calc(50% - 115px);
        left: 0px;
    }

    .progress {
        width: 100%;
        height: 3px;
        padding: 0 5px;
        background: white;
        position: absolute;
        top: calc(50% - -113px);
        left: 0px;
    }

    .current {
        position: absolute;
        bottom: 36px;
        left: 25px;

        .num {
            color: white;
            font-size: 60px;

            span:nth-child(1) {
                margin-right: 5px;
            }

            span:nth-child(2) {
                margin-left: 5px;
            }
        }

        .name {
            color: white;
            font-size: 20px;
            margin-top: 10px;
        }
    }

}

.tabar {
    width: 100%;
    height: 90px;
    align-items: center;
    justify-content: space-around;

    i {
        font-size: 50px !important;
        color: rgba(51, 51, 51, 1);

    }
}


.model {
    width: 100%;
    height: 100%;
    background: rgba(66, 148, 255, 0.98);
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 80px 30px;
    display: none;

    p {
        color: #fff;
        font-size: 18px;
    }

    .btns {
        width: 100%;
        height: 120px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        justify-content: center;

        div {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            line-height: 100px;
        }

        .continue {
            background: lightgreen;
        }

        .end {
            background: red;
            margin-left: 50px;
        }
    }

    .current {
        width: 260px;
        height: 100px;
        border: 2px solid #ccc;
        border-radius: 20px;
        position: absolute;
        left: 50%;
        bottom: 120px;
        transform: translate(-50%, 0px);
        display: flex;
        align-items: center;

        video {
            height: 96px;
            border-radius: 20px 0px 0 20px;
        }

        .text {
            color: #fff;
            font-size: 30px;
            text-align: center;
        }
    }
}